<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/share.css" />
	</head>

	<body>
		<div class="index-web">
			<!--登录-->
			<div id='loginBox' class="register">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>GIMC</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<div class="portrait">
					<div class="one mediate">
						<img src="bootstrap-3.3.7/bootstrap-3.3.7/docs/assets/img/expo-lyft.jpg" />
					</div>
					<div class="tow mediate">
						<h4>风无月</h4>
						<div class="son">
							<p>个人中心</p>
						</div>
					</div>
					<div class="three mediate">
						<img src="img/register/images/a1_11.jpg" />
					</div>
					<div class="four mediate">
						<div class="son">
							<p>
								关注
								<span>36</span>
							</p>
						</div>
						<div class="son1">
							<p>
								粉丝
								<span>500</span>
							</p>
						</div>
					</div>
					<div class="five">
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
					</div>
					<div class="six skip mediate">
						<p>退 出</p>
					</div>
				</div>
			</div>
			<!--搜索-->
			<div id="loginBox1" class="seek">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>Search</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<h3>熱播</h3>
				<div class="seek-son">
					<div class="seek-son-one mediate">
						<p>省广股份</p>
					</div>
					<div class="seek-son-one mediate">
						<p>移动互联网</p>
					</div>
					<div class="seek-son-one mediate">
						<p>细分平台业务</p>
					</div>
					<div class="seek-son-one mediate">
						<p>O2O</p>
					</div>
					<div class="seek-son-one mediate">
						<p>媒介平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>拥抱变革，创造未来</p>
					</div>
					<div class="seek-son-one mediate">
						<p>平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>上海金投赏创意节</p>
					</div>
				</div>
			</div>
			<!--导航1-->
			<div class="navigation">
				<div class="row">
					<div class="one col-sm-2 col-xs-2">
						<div id='login' class="son mediate">
							<img src="img/home/images/a1_03.jpg" />
						</div>
					</div>
					<div class="logo col-sm-8 col-xs-8">
						<div class="son mediate">
							<img src="img/home/images/logo.jpg" />
						</div>
					</div>
					<div class="tow col-sm-2 col-xs-2">
						<div id='login1' class="son mediate">
							<img src="img/home/images/a2_07.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div id='inner' class="All-Pages">
				<!--第一页-->
				<div class="first-page">
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
					<div class="details">
						<div class="one">
							<div class="row mediate">
								<div class="text col-xs-7">
									<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<p>
										2小时前
										<a href="#">[案例观点]</a>
									</p>
								</div>
								<div class="pmg col-xs-5">
									<img src="img/first page/a2.jpg" />
								</div>
								<hr />
							</div>
							<div class="row mediate">
								<div class="text col-xs-7">
									<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<p>
										2小时前
										<a href="#">[案例观点]</a>
									</p>
								</div>
								<div class="pmg col-xs-5">
									<img src="img/first page/a4.jpg" />
								</div>
							</div>
						</div>
						<div class="tow">
							<div class="row mediate">
								<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="portrait">
									<img src="bootstrap-3.3.7/bootstrap-3.3.7/docs/apple-touch-icon.png" />
								</div>
								<span>陈正光</span>
								<li>
									<img src="img/first page/a6_15.jpg" /> 5300
								</li>
								<li>
									<img src="img/first page/a5_11.jpg" /> 6030
								</li>
								<p>
									2小时前
									<a href="#">[案例观点]</a>
								</p>
							</div>
							<div class="one">
								<div class="row mediate">
									<div class="text col-xs-7">
										<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
										<li>
											<img src="img/first page/a5_11.jpg" /> 120
										</li>
										<p>
											2小时前
											<a href="#">[案例观点]</a>
										</p>
									</div>
									<div class="pmg col-xs-5">
										<img src="img/first page/a2.jpg" />
									</div>
									<hr />
								</div>
								<div class="row mediate">
									<div class="text col-xs-7">
										<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
										<li>
											<img src="img/first page/a5_11.jpg" /> 120
										</li>
										<p>
											2小时前
											<a href="#">[案例观点]</a>
										</p>
									</div>
									<div class="pmg col-xs-5">
										<img src="img/first page/a4.jpg" />
									</div>
								</div>
							</div>
							<div class="row mediate">
								<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="son col-xs-4">
									<img src="img/first page/a3.jpg" />
								</div>
								<div class="portrait">
									<img src="bootstrap-3.3.7/bootstrap-3.3.7/docs/apple-touch-icon.png" />

								</div>
								<span>陈正光</span>
								<li>
									<img src="img/first page/a6_15.jpg" /> 5300
								</li>
								<li>
									<img src="img/first page/a5_11.jpg" /> 6030
								</li>
								<p>
									2小时前
									<a href="#">[案例观点]</a>
								</p>
							</div>
							<div class="one">
								<div class="row mediate">
									<div class="text col-xs-7">
										<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
										<li>
											<img src="img/first page/a5_11.jpg" /> 120
										</li>
										<p>
											2小时前
											<a href="#">[案例观点]</a>
										</p>
									</div>
									<div class="pmg col-xs-5">
										<img src="img/first page/a2.jpg" />
									</div>
									<hr />
								</div>
								<div class="row mediate">
									<div class="text col-xs-7">
										<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
										<li>
											<img src="img/first page/a5_11.jpg" /> 120
										</li>
										<p>
											2小时前
											<a href="#">[案例观点]</a>
										</p>
									</div>
									<div class="pmg col-xs-5">
										<img src="img/first page/a4.jpg" />
									</div>
								</div>
								<div class="htree mediate">
									<a href="#">加载更多</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--GIMC-->
				<div class="gimc">
					<div class="pmg1">
						<a href="GIMC2.html">
							<img src="img/home/images/s1_02.jpg" />
						</a>
					</div>
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/first page/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
					<div class="details">
						<div class="one">
							<div class="row mediate">
								<div class="pmg col-xs-4">
									<a href="journalism2.html">
										<img src="img/first page/a2.jpg" />
									</a>
								</div>
								<div class="text col-xs-8">
									<h3>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</h3>
									<h4>2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</h4>
									<p>2015-9-3</p>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<li>
										<img src="img/resource/a3_03.jpg" /> 120
									</li>
								</div>
								<hr />
							</div>
							<div class="row mediate">
								<div class="pmg col-xs-4">
									<a href="journalism2.html">
										<img src="img/first page/a4.jpg" />
									</a>
								</div>
								<div class="text col-xs-8">
									<h3>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</h3>
									<h4>2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</h4>
									<p>2015-9-3</p>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<li>
										<img src="img/resource/a3_03.jpg" /> 120
									</li>
								</div>
							</div>
							<div class="row mediate">
								<div class="pmg col-xs-4">
									<a href="journalism2.html">
										<img src="img/first page/a2.jpg" />
									</a>
								</div>
								<div class="text col-xs-8">
									<h3>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</h3>
									<h4>2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</h4>
									<p>2015-9-3</p>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<li>
										<img src="img/resource/a3_03.jpg" /> 120
									</li>
								</div>
								<hr />
							</div>
							<div class="row mediate">
								<div class="pmg col-xs-4">
									<a href="journalism2.html">
										<img src="img/first page/a4.jpg" />
									</a>
								</div>
								<div class="text col-xs-8">
									<h3>公关丨大众深陷“造假门”，遭受重创后如何走出泥淖？</h3>
									<h4>2015年9月2日，省广股份。份携手阿里妈妈在广州举行“DT大时代... ...</h4>
									<p>2015-9-3</p>
									<li>
										<img src="img/first page/a5_11.jpg" /> 120
									</li>
									<li>
										<img src="img/resource/a3_03.jpg" /> 120
									</li>
								</div>
							</div>
						</div>
						<div class="htree mediate">
							<a href="#">加载更多</a>
						</div>
					</div>
				</div>
				<!--文章-->
				<div class="essay">
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/essay/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/essay/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/essay/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/essay/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
					<div class="marketing">
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="one mediate">
							<div class="pmg">
								<a href="essay2.html">
									<img src="img/essay/a2.jpg" />
								</a>
							</div>
							<h2>海天“晒“宴，和汪涵一起，参观海天酱油......</h2>
							<div class="son">
								<p>营销</p>
							</div>
							<li>
								<img src="img/first page/a5_11.jpg" />150
							</li>
							<li>
								<img src="img/resource/a3_03.jpg" />320
							</li>
							<div class="text">
								<li>
									<img src="img/essay/a3_03.jpg" />叶巧岚
									<span>2015年1月20日</span>
								</li>
							</div>
						</div>
						<div class="htree mediate">
							<a href="#">加载更多</a>
						</div>
					</div>
				</div>
				<!--资源-->
				<div class="resource">
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/resource/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/resource/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/resource/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/resource/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
					<!--腾讯-->
					<div class="Tencent">
						<div class="one mediate">
							<div class="row mediate">
								<div class="pmg col-xs-5">
									<a href="resource.html">
										<img src="img/resource/a2.jpg" />
									</a>
								</div>
								<div class="text col-xs-7">
									<h3>腾讯视频</h3>
									<p>
										腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
									</p>
									<li>
										2015-9-3
										<i>
											<img src="img/resource/a3_03.jpg"/>
										</i>
										<span>250</span>
									</li>
								</div>
							</div>
							<hr />
							<div class="row mediate">
								<div class="pmg col-xs-5">
									<a href="resource.html">
										<img src="img/resource/a2.jpg" />
									</a>
								</div>
								<div class="text col-xs-7">
									<h3>腾讯视频</h3>
									<p>
										腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
									</p>
									<li>
										2015-9-3
										<i>
											<img src="img/resource/a3_03.jpg"/>
										</i>
										<span>250</span>
									</li>
								</div>
							</div>
							<hr />
							<div class="row mediate">
								<div class="pmg col-xs-5">
									<a href="resource.html">
										<img src="img/resource/a2.jpg" />
									</a>
								</div>
								<div class="text col-xs-7">
									<h3>腾讯视频</h3>
									<p>
										腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
									</p>
									<li>
										2015-9-3
										<i>
											<img src="img/resource/a3_03.jpg"/>
										</i>
										<span>250</span>
									</li>
								</div>
							</div>
							<hr />
							<div class="htree mediate">
								<a href="#">加载更多</a>
							</div>
						</div>
					</div>
				</div>
				<!--课程-->
				<div class="course">
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/course/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/course/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/course/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
							<div class="item">
								<img src="img/course/a1.jpg" alt="...">
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" style="display: none;" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
					<div class="order">
						<div class="one">
							<div class="row mediate">
								<div class="text col-xs-7">
									<div class="text-one">
										<div class="text-one-son">

										</div>
									</div>
									<div class="text-one-son1">
										<h5>KIMIN</h5>
										<p>网络互动中心设计师</p>
									</div>
								</div>
								<div class="son col-xs-5">
									<a href="course2.html">
										<div class="son-one">
												<p>预约报名</p>
											<div class="son-one-son">
												<p><b>></b></p>
											</div>
										</div>
									</a>
								</div>
								<li>
									网络互动中心设计师
									<span>10月19日 14:00 - 17:30</span>
								</li>
								<div class="pmg">
									<img src="img/course/a2.jpg" />
								</div>
							</div>
							<div class="row mediate">
								<div class="text col-xs-7">
									<div class="text-one">
										<div class="text-one-son">

										</div>
									</div>
									<div class="text-one-son1">
										<h5>KIMIN</h5>
										<p>网络互动中心设计师</p>
									</div>
								</div>
								<div class="son col-xs-5">
									<a href="course2.html">
										<div class="son-one">
												<p>预约报名</p>
											<div class="son-one-son">
												<p><b>></b></p>
											</div>
										</div>
									</a>
								</div>
								<li>
									网络互动中心设计师
									<span>10月19日 14:00 - 17:30</span>
								</li>
								<div class="pmg">
									<img src="img/course/a2.jpg" />
								</div>
							</div>
							<div class="row mediate">
								<div class="text col-xs-7">
									<div class="text-one">
										<div class="text-one-son">

										</div>
									</div>
									<div class="text-one-son1">
										<h5>KIMIN</h5>
										<p>网络互动中心设计师</p>
									</div>
								</div>
								<div class="son col-xs-5">
									<a href="course2.html">
										<div class="son-one">
												<p>预约报名</p>
											<div class="son-one-son">
												<p><b>></b></p>
											</div>
										</div>
									</a>
								</div>
								<li>
									网络互动中心设计师
									<span>10月19日 14:00 - 17:30</span>
								</li>
								<div class="pmg">
									<img src="img/course/a2.jpg" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--导航2-->
			<div class="navigation1">
				<div id='navBox' class="row">
					<div class="one col-sm-2 col-xs-2 navBtn">
						<div class="son mediate">
							<img src="img/home/images/a3_11.png" />
							<p>首页</p>
						</div>
					</div>
					<div class="tow col-sm-2 col-xs-2 navBtn">
						<div class="son mediate">
							<img src="img/home/images/a3_14.jpg" />
							<p>GIMC</p>
						</div>
					</div>
					<div class="three col-sm-2 col-xs-2 navBtn">
						<div class="son mediate">
							<img src="img/home/images/a3_18.jpg" />
							<p>文章</p>
						</div>
					</div>
					<div class="four col-sm-2 col-xs-2 navBtn">
						<div class="son mediate">
							<img src="img/home/images/a3_20.jpg" />
							<p>资源</p>
						</div>
					</div>
					<div class="five col-sm-2 col-xs-2 navBtn">
						<div class="son mediate">
							<img src="img/home/images/a3_22.jpg" />
							<p>学院</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#navBox>.navBtn').click(function() {
				var index = $(this).index();
				$('#inner>div').eq(index).show().siblings().hide();
			});
			$('#login').click(function() {
				$("#loginBox").css("width", "100%");
			});
			$('#login1').click(function() {
				$("#loginBox1").css("width", "100%");
			});
			$('.skip').click(function() {
				$("#loginBox").css("width", "0");
			});
			$('.skip').click(function() {
				$("#loginBox1").css("width", "0");
			});
		</script>
	</body>

</html>